<!DOCTYPE html>
<html lang="es">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">

		<title>Recepción de Mercadería</title>

		<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

		<script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>

		<script src="//cdn.datatables.net/plug-ins/9dcbecd42ad/integration/bootstrap/3/dataTables.bootstrap.js"></script>

		<link  href="../../css/bootstrap.min.css" rel="stylesheet">

		<link  href="//cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css" rel="stylesheet">

		<link  href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

		<script src="../../js/datatable.js"></script>
	</head>

	<body>
		<div class="container">

			<h1><i class="fa fa-archive"></i>RECEPCIÓN DE MERCADERÍA</h1>
			<hr />

			<ul class="nav nav-tabs">
				<li class="active">
					<a href="#paso1" data-toggle="tab">Paso 1</a>
				</li>
				<li class="disabled">
					<a  href="#paso2" data-toggle="tab">Paso 2</a>
				</li>
				<li class="disabled" >
					<a href="#paso3" data-toggle="tab">Paso 3</a>
				</li>

			</ul>
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade active in" id="paso1">

					<div class="well well-sm">

						<h2 class="panel-title">Listado de Órdenes de Compra Para Evaluar Mercadería</h2>

						<div class="panel-body">
							<div class="panel panel-info">
								<div class="panel-heading">
									Órdenes de Compra Registradas
								</div>
								<div class="panel-body">

									<table id="tabla" class="display" cellspacing="0" width="100%">
										<thead>
											<tr>
												<th>N°</th>
												<th>Proveedor</th>
												<th>Fecha Pedido</th>
												<th>Fecha Entrega</th>
												<th>Preparador Por</th>
												<th>Estado</th>
												<th></th>
											</tr>
										</thead>

										<tfoot>
											<tr>
												<th>N°</th>
												<th>Proveedor</th>
												<th>Fecha Pedido</th>
												<th>Fecha Entrega</th>
												<th>Preparador Por</th>
												<th>Estado</th>
												<th></th>
											</tr>
										</tfoot>

										<tbody>
											<tr>
												<td>rxxxx</td>
												<td>axxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td><span class="label label-primary">Pendiente</span></td>
												<td><a href="paso2.html" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i> Evaluar</a></td>
											</tr>
											<tr>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td><span class="label label-primary">Pendiente</span></td>
												<td><a href="#" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i> Evaluar</a></td>
											</tr>
											<tr>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td><span class="label label-success">Recepcionada</span></td>
												<td></td>
											</tr>
											<tr>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td><span class="label label-danger">Rechazada</span></td>
												<td><a href="#" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i> Evaluar</a></td>
											</tr>
											<tr>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td><span class="label label-warning">Incompleta</span></td>
												<td><a href="#" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i> Evaluar</a></td>
											</tr>
											<tr>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td><span class="label label-primary">Pendiente</span></td>
												<td><a href="#" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i> Evaluar</a></td>
											</tr>
											<tr>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td><span class="label label-primary">Pendiente</span></td>
												<td><a href="#" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i> Evaluar</a></td>
											</tr>
											<tr>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td>xxxxx</td>
												<td><span class="label label-primary">Pendiente</span></td>
												<td><a href="#" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i> Evaluar</a></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="tab-pane fade" id="paso2">

			</div>
			<div class="tab-pane fade" id="paso3">

			</div>
		</div>

		<!-- /container -->
	</body>
</html>